PixiJS為2D WebGL渲染引擎，經常使用於互動與遊戲相關專案中，具有快速、裝置支援度高的優點，雖然不如其他的Library擁有完整的開發環境，但也因為PixiJS專注於渲染這個面向的技術，正確運用能讓專案效率更好。
使用PixiJS前一樣要先將設置環境，這邊利用CDN在<head></head>之間引入：
<script src="https://pixijs.download/release/pixi.js"></script>
首先，第一步是要來建立基礎場景，首先要使用new建構出PIXI.Application()場景，函式內放入場景的長寬定義的物件，例如{ width: 640, height: 360 }，之後再放入網頁中。
<script>
//建立出一個基礎場景
let app = new PIXI.Application({ width: 640, height: 360 });
//將建立出來的場景放入網頁中
document.body.appendChild(app.view);
</script>
畫面上出現寬640高360的黑色色塊，就是建立好的基礎場景囉！
iThome鐵人賽
看影片追技術